<app-common-header [title]="'myAccount.setting.personal_informations.title'|translate" [routerUrl]="'/tabs/myAccount/setting'"></app-common-header>
<ion-content>
    <ion-row class="item-row">
      <ion-col size="12">
        <div class="info-item">
          <div class="photo_content">
              <img [src]="appUser.photoUrl" alt="">
          </div>
           <div  class="item-row-right">
             {{appUser.userName}}
            <ion-icon class="setting_icon" name="chevron-forward-outline" [routerLink] = "['/tabs/myAccount/setting/personal-info/user-name']"></ion-icon>
           </div>
        </div>
      </ion-col>
    </ion-row>
    <ion-row class="item-row">
      <ion-col size="12">
        <div class="info-item">
          <div>{{'myAccount.setting.personal_informations.idCard'|translate}}</div>
           <div class="item-row-right">
            <span class="id-card-verified">{{'myAccount.setting.personal_informations.verified'|translate}}</span>
            <ion-icon class="setting_icon" name="chevron-forward-outline" [routerLink] = "['/tabs/myAccount/setting/personal-info/id-card']"></ion-icon>
           </div>
        </div>
      </ion-col>
    </ion-row>
    <ion-row class="item-row">
      <ion-col size="12">
        <div class="info-item">
          <div>{{'myAccount.setting.personal_informations.billingAddress'|translate}}</div>
          <div  class="item-row-right">
              {{appUser.billingAddress}}
            <ion-icon class="setting_icon" name="chevron-forward-outline" [routerLink] = "['/tabs/myAccount/setting/personal-info/billing-address']"></ion-icon>
          </div>
        </div>
      </ion-col>
    </ion-row>
</ion-content>
